import { Mail, Phone, MessageCircle } from 'lucide-react'

const Footer = () => {
  const footerSections = [
    {
      title: '产品功能',
      links: [
        { text: '智能分析', href: '#features' },
        { text: '数据洞察', href: '#features' },
        { text: 'AI创作', href: '#features' },
        { text: '数据分析', href: '#features' }
      ]
    },
    {
      title: '支持服务',
      links: [
        { text: '帮助中心', href: '#' },
        { text: 'API文档', href: '#' },
        { text: '联系我们', href: '#contact' },
        { text: '意见反馈', href: '#' }
      ]
    },
    {
      title: '关于我们',
      links: [
        { text: '公司介绍', href: '#' },
        { text: '团队介绍', href: '#' },
        { text: '招聘信息', href: '#' },
        { text: '新闻动态', href: '#' }
      ]
    }
  ]

  const socialLinks = [
    { icon: <Mail size={16} />, href: 'mailto:support@fudai-ai.com' },
    { icon: <Phone size={16} />, href: 'tel:400-123-4567' },
    { icon: <MessageCircle size={16} />, href: '#' }
  ]

  const scrollToSection = (href: string) => {
    if (href.startsWith('#')) {
      const element = document.querySelector(href)
      if (element) {
        element.scrollIntoView({ behavior: 'smooth' })
      }
    }
  }

  return (
    <footer className="footer">
      <div className="container">
        <div className="footer-container">
          <div className="footer-section">
            <h3>红小匠·AI</h3>
            <p>专业的小红书AI全周期运营工具，助力创作者从0到10万粉丝的智能增长，让每一次运营都精准有效</p>
            <div className="footer-social">
              {socialLinks.map((link, index) => (
                <a key={index} href={link.href} target="_blank" rel="noopener noreferrer">
                  {link.icon}
                </a>
              ))}
            </div>
          </div>
          
          {footerSections.map((section, index) => (
            <div key={index} className="footer-section">
              <h3>{section.title}</h3>
              <ul>
                {section.links.map((link, idx) => (
                  <li key={idx}>
                    <a href={link.href} onClick={(e) => {
                      e.preventDefault()
                      scrollToSection(link.href)
                    }}>
                      {link.text}
                    </a>
                  </li>
                ))}
              </ul>
            </div>
          ))}
        </div>
        
        <div className="footer-bottom">
          <p>&copy; 2024 红小匠·AI. 保留所有权利.</p>
        </div>
      </div>
    </footer>
  )
}

export default Footer 